<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-store"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<link rel="stylesheet" type="text/css" href="../styles/html.css" />
<link rel="stylesheet" type="text/css" href="../styles/default.css" />
<script type="text/javascript" src="../scripts/jquery/lib/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../scripts/jquery/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript">
<!--
	var context='../';
-->
</script>
  <link rel="stylesheet" type="text/css" href="../scripts/jquery/easyui/themes/default/easyui-custom.css" />
<link rel="stylesheet" type="text/css" href="../scripts/jquery/easyui/themes/icon.css" />
<script type="text/javascript" src="../scripts/jquery/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../scripts/jquery/easyui/locale/easyui-lang-zh_CN.js"></script>


  
  <link href="../scripts/jquery/showLoading/css/showLoading.css" rel="stylesheet" media="screen" />
  <script type="text/javascript" src="../scripts/appjs/common.js"></script> 
  <script type="text/javascript" src="../scripts/jquery/showLoading/js/jquery.showLoading.js"></script>
  <script type="text/javascript">
  <!--
	  $(document).ready(function(){
			
			
		});
  
		function goToPayMent(){
			$.messager.alert('Info','Will go to PayPal page to make payment.'); 
		}
  
	-->
	  </script>
	  </head>
<body>

  	<form id="leave" action="handle-task-form.do" method="POST">
	<div id="showLoading" style="margin: 10px">
	  	<div><img src="../images/info_16.png" />Current Page：User Menu &gt; Pay Balance</div>
	  	<div style="width: 100%;height: 400px;padding-top: 6px">
	  		<table cellpadding="5" cellspacing="10" bgcolor="efefef" >
	  			<tr>
	  				<td colspan="2" align="centre"><b>Pay Balance Form</b></td>
	  			</tr>
	  			<tr>
	  			  <td valign="top">&nbsp;</td>
	  			  <td >&nbsp;</td>
  			  </tr>
	  			<tr>
	  				<td valign="top">Balance Id</td>
	  				<td >
		   				1202</td>
	  			</tr>
	  			<tr>
	  			  <td>Start Time</td>
	  			  <td>13/03/2013 09:00:00</td>
  			  </tr>
	  			<tr>
	  			  <td>Exit Time</td>
	  			  <td>12/03/2013 13:00:00 </td>
  			  </tr>
	  			<tr>
	  				<td>Total Amount</td>
	  				<td>$20</td>
	  			</tr>
	  			<tr>
	  				<td>Pay Method</td>
	  				<td>
	  				    <select name="paypal" id="paypal">
	  				      <option value="paypal" selected>PayPal</option>
			                </select>	  				</td>
	  			</tr>
	  			
	  			<tr>
	  			  <td></td>
	  			  <td>&nbsp;</td>
  			  </tr>
	  			<tr>
	  				<td></td>
	  				<td><a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:goToPayMent();">Submit</a>
	   				  <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#leave').form('clear')">Reset</a>	  				</td>
	  			</tr>
	  		</table>
	    </div>
    </div>
	</form>
</body>
</html>